<template>
<h1>{{ title }}</h1>
<p>{{ count }}</p>
<p>用户名：{{user.name}}</p>
<p>年龄：{{user.age}}</p>
<div>
    <p v-for="item in scores" :key="item">{{ item }}</p>
</div>
<p>限定值是：{{validNum}}</p>
</template>
<script setup>
const props=defineProps({
    title:{
    type:String,
    required:true,
   
    },
     count:{
        type:Number,
        default:0,//默认值是0
     },
     user:{
        type:Object,
        default:()=>(
            {name:"默认用户",
                age:18,
            }
     ),
     },
    //   required:true,
    scores:{
        type:Array,
default:()=>[]
    },
   validNum: {
    type:Number,
    validator:(value)=>
        value>=0&&value<=100
    
} ,
})
</script>
<style>

</style>